{"componentChunkName":"component---src-templates-posts-js","path":"/principles","result":{"data":{"mdx":{"id":"a61de4b8-53ad-5d5c-8ccd-455a58abaac0","body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Principles\",\n  \"path\": \"/principles\",\n  \"excerpt\": \"Our Design Principles are the heart of how we should build experiences across the FGH digital platform, they're important whether you're a designer creating emails and homepages, or a developer creating product wide applications\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Masthead = makeShortcode(\"Masthead\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(Masthead, {\n    title: \"Design Principles\",\n    subheader: \"Our Design Principles are the heart of how we should build experiences across the FGH digital platform, they're important whether you're a designer creating emails and homepages, or a developer creating product wide applications.\",\n    typeLanding: true,\n    landingImage: landingIcon,\n    mdxType: \"Masthead\"\n  }), mdx(\"div\", {\n    className: \"cmpContainer\"\n  }, mdx(ComponentItem, {\n    CompType: \"Principle\",\n    Image: pAccess,\n    Title: \"Accessibility\",\n    Desc: \"We care about creating designs that are inclusive, serving as many people as possible.\",\n    URL: \"/principles/accessibility\",\n    mdxType: \"ComponentItem\"\n  }), mdx(ComponentItem, {\n    CompType: \"Principle\",\n    Image: pCognitive,\n    Title: \"Cognitive Load\",\n    Desc: \"Cognitive load refers to the amount of information our working memory can store.\",\n    URL: \"/principles/cognitiveload\",\n    mdxType: \"ComponentItem\"\n  }), mdx(ComponentItem, {\n    CompType: \"Principle\",\n    Image: pContent,\n    Title: \"Content Optimisation\",\n    Desc: \"We use content optimisation as one of the key processes to improve the way FGH products deliver content.\",\n    URL: \"/principles/contentoptimisation\",\n    mdxType: \"ComponentItem\"\n  }), mdx(ComponentItem, {\n    CompType: \"Principle\",\n    Image: pInformation,\n    Title: \"Information Architecture\",\n    Desc: \"We use (IA) to organise, structure and label content to help our users find information easily and complete a task.\",\n    URL: \"/principles/informationarcitecture\",\n    mdxType: \"ComponentItem\"\n  }), mdx(ComponentItem, {\n    CompType: \"Principle\",\n    Image: pLanguage,\n    Title: \"Language\",\n    Desc: \"Language involves the communication between users and our digital products.\",\n    URL: \"/principles/language\",\n    mdxType: \"ComponentItem\"\n  }), mdx(ComponentItem, {\n    CompType: \"Principle\",\n    Image: pVisual,\n    Title: \"Visual Design\",\n    Desc: \"Visual design focuses on improving the user experience through considering the effects of a number of key elements\",\n    URL: \"/principles/visualdesign\",\n    mdxType: \"ComponentItem\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Principles"}}},"pageContext":{"id":"a61de4b8-53ad-5d5c-8ccd-455a58abaac0"}}}